	.pageBox {
		position: relative;
		background-color: #F4F4F4;
		box-sizing: border-box;

		.topBG {
			flex-shrink: 0;
			top: 0;
			left: 0;
			position: absolute;
			width: 100%;
			height: 424rpx;
			background: linear-gradient(90deg, #6FA9FF 100%, #6FA9FF 81%);
			object-fit: cover;
		}

		.myBox-topBox {
			width: 100%;
			position: relative;
			z-index: 1;

			

			.contentBox {
				padding: 0 30rpx;
				padding-top: 30rpx;
			}
		}


		.availableBox {
			background: #FFFFFF;
			border-radius: 24rpx;
			padding: 25rpx 0;
			padding-left: 30rpx;

			.title {
				font-size: 28rpx;
				font-family: Songti SC, Songti SC;
				font-weight: 400;
				color: #fff;
			}

			.availableNum {
				font-size: 64rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 700;
				color: #fff;
				margin: 10rpx 0;
			}
			.tipText{
				font-size: 24rpx;
				color: #fff;
			}

			.bottomBtnList {
				display: flex;
				align-items: center;


				.availableBtn {
					width: 176rpx;
					height: 58rpx;
					border-radius: 32rpx 32rpx 32rpx 32rpx;
					opacity: 1;
					border: 2rpx solid #fff;
					font-size: 28rpx;
					font-family: Songti SC, Songti SC;
					font-weight: 400;
					color: #fff;
					display: flex;
					justify-content: center;
					align-items: center;
					margin-right: 16rpx;
				}
			}
		}

		.titleBox {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 26rpx;

			.leftBox {
				display: flex;
				align-items: center;

				.leftX {
					width: 6rpx;
					height: 33rpx;
					background: #09A3EF;
					margin-right: 6rpx;
				}

				.title {
					font-size: 36rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					color: #000000;
				}
			}

			.rightBox {
				.text {
					font-size: 28rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					color: #999999;
				}
			}

		}

		.recommendBlock {
			padding-left: 30rpx;


			.recommendScrollBox {
				display: flex;
				flex-wrap: nowrap;
				overflow-x: auto;
				align-items: flex-start;
			}

			.goodsItem {
				display: flex;
				align-items: flex-start;

				.goodsImg {
					width: 140rpx;
					height: 140rpx;
					object-fit: cover;
					margin-right: 14rpx;
					flex-shrink: 0;
					background-color: #fff;
				}

				.goodsRight {
					width: 176rpx;

					.goodsTitle {
						font-size: 32rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						color: #000000;
						width: 100%;
					}

					.goodsText {
						font-size: 24rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						color: #000000;
						margin: 16rpx 0;
					}



					.goodsGoText {
						font-size: 24rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						color: #F00000;
					}
				}
			}
		}

		.classBlock {
			.goodsBox {
				.rangeText {
					font-size: 28rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					color: #000000;
					margin-bottom: 24rpx;
				}

				.goodsItem {
					display: flex;
					align-items: flex-start;

					.goodsImg {
						width: 140rpx;
						height: 140rpx;
						object-fit: cover;
						margin-right: 30rpx;
						background-color: #fff;
						flex-shrink: 0;
					}

					.goodsRight {

						.goodsTitle {
							font-size: 32rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 500;
							color: #000000;
							width: 100%;
						}

						.goodsText {
							font-size: 24rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							color: #000000;
							margin: 16rpx 0;
						}

						.goodsSoldNum {
							font-size: 24rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							color: #979797;
							margin: 10rpx 0;
						}

						.goodsGoText {
							font-size: 24rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							color: #F00000;
						}

						.goodsBottom {
							display: flex;
							align-items: center;
						}

						.convertBtn {
							width: 120rpx;
							height: 58rpx;
							background: #DD2910;
							border-radius: 32rpx;
							font-size: 28rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							color: #FFFFFF;
							display: flex;
							justify-content: center;
							align-items: center;
							margin-left: 30rpx;
						}
					}
				}

			}
		}
	}
